<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>服务接入申请</title>
<link rel="stylesheet" type="text/css" href="../../../css/reset.css" />
<link rel="stylesheet" type="text/css" href="../../../css/css.css" />
<link rel="stylesheet" type="text/css"
	href="../../../js/jquery-easyui-1.4.3/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css"
	href="../../../js/jquery-easyui-1.4.3/themes/icon.css" />
<link rel="stylesheet" type="text/css"
	href="../../../js/SimpleTree1.3/js/tree_themes/SimpleTree.css" />
<link rel="stylesheet" type="text/css"
	href="../../../css/colorReset.css" />
<style>
.datagrid-btable td[field="1"] a {
	border: none;
	background: none;
}

.tree-checkbox {
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: text-bottom;
	overflow: hidden;
}

#clearInterface {
	position: absolute;
	width: 20px;
	text-align: center;
	right: 52px;
	display: none;
	top: 4px;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times,
		"Times New Roman", serif;
	color: #8F8F8F;
}

#errNotif_selection ul {
	padding: 10px;
	line-height: 18px;
}

#errNotif_selection ul li {
	border-bottom: 1px dashed #ced6db;
	padding: 0 0 0px 10px;
}

#errNotif_selection ul li label {
	padding: 5px 0;
	display: block;
}

#errorInfo li.hover {
	background-color: #ffa;
}

#errorInfo li:hover {
	background-color: #ffa;
}

.tree_con {
	height: 270px;
	overflow: auto;
	margin: 0 auto;
}

.td_label {
	width: 20%;
	padding: 5px 0;
}

.td_target {
	width: 30%;
	padding: 5px 0;
}

.ctltable {
	border-collapse: collapse;
	table-layout: fixed
}

.ctltable td {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#progressbar {
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	background-color: #ffffff;
	/*background-color:#979797;*/
	z-index: 9018;
}

#progressbar_tips {
	display: none;
	line-height: 30px;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 200px;
	height: 100%;
	width: 100%;
	z-index: 9020;
}

#progressbar_tips img {
	display: block;
	margin: 0 auto;
}

#progressbar_tips p {
	text-align: center;
}
/*
**
*/
.button_con a {
	height: auto;
}
</style>
</head>

<body>
	<div id="progressbar"></div>
	<div id="progressbar_tips">
		<img src="../../../images/progressbar.gif" alt="" />
		<p>
			请稍候<span id="progressbar_point"></span>
		</p>
	</div>
	<div class="main">
		<div class="data_con">
			<div id="toolbox" style="padding: 5px; height: 25px;">
				<label>已申请的密钥 </label>
				<div style="margin-bottom: 5px; float: right">
					<a href="javascript:void(0)" onclick="accessApplication()"
						class="easyui-linkbutton" id="toolbar_add" iconCls="icon-add"
						plain="true">申请</a>
				</div>
			</div>
			<table id="datagrid" style="height: 345px"
				data-options="fitColumns:true,toolbar:'#toolbox'">
			</table>
		</div>
	</div>

	<div id="win" class="easyui-window" title="服务接入申请"
		style="width: 730px; height: auto; top: 20px"
		data-options="iconCls:'icon-save',modal:true,minimizable:false,maximizable:false,collapsible:false">
		<input id="txtUserCode" name="txtUserCode" class="text"
			style="display: none;" />
		<form id="addForm" method="post" style="width: 100%">

			<!-- <div class="popup_con"> -->
			<fieldset
				style="border: 1px solid; copadding: 10px; margin: 10px; display: block; color: gray;">
				<legend>接口调用方</legend>
				<table style="width: 95%">
					<tr>
						<td class="td_label" align="right"><label class="label">帐号：</label></td>
						<td class="td_target" align="left"><div class="input_con">
								<label class="label" id="labUserCode"></label>
							</div></td>
					</tr>
					<tr>
						<td class="td_label" style="text-align: right" align="right"><label
							for="comboxCallField" class="label">所属领域：</label></td>
						<td class="td_target" align="left"><div>
								<input id="comboxCallField" name="comboxCallField" class="text" />
							</div></td>
						<td class="td_label" align="right"><label
							for="comboxCallSystem" class="label">系统名称：</label></td>
						<td class="td_target" align="left"><div class="input_con">
								<input type="text" name="comboxCallSystem" id="comboxCallSystem"
									class="text" />
							</div></td>
					</tr>
					<tr>
						<td class="td_label" align="right"><label for="txtApplyKey"
							class="label">密钥：</label></td>
						<td colspan="2" class="td_target" align="left"
							style="width: 280px;"><div class="input_con">
								<input id="txtApplyKey" name="txtApplyKey" readonly="readonly"
									class="easyui-validatebox text" style="width: 340px" />
							</div></td>
						<td><a style="margin-left: 5px" href="javascript:void(0)"
							onclick="getApplyKey()" id="instance_apply">重新生成</a></td>
					</tr>
					<tr>
						<td class="td_label" align="right" valign="top"><label
							for="txtAreaIpWhiteList" class="label">IP白名单：</label></td>
						<td colspan="2" class="td_target" align="left" style="width: 50%;"><div
								class="input_con">
								<textarea id="txtAreaIpWhiteList" name="txtAreaIpWhiteList"
									rows="2" style="width: 100%; padding-bottom: 20px"
									class="textarea easyui-validatebox"
									data-options="validType:'maxLength[500]'"></textarea>
							</div></td>
						<td><labelclass="label"> </label></td>
					</tr>
				</table>
			</fieldset>
			<fieldset
				style="width: 97%; border: 1px solid; copadding: 10px; margin: 10px; display: block; color: gray;">
				<legend>接口发布方</legend>
				<table style="width: 95%">
					<tr>
						<td class="td_label" align="right"><label
							for="comboxPubField" class="label">所属领域：</label></td>
						<td class="td_target" align="left"><div class="input_con">
								<input id="comboxPubField" name="comboxPubField" class="text" />
							</div></td>
						<td class="td_label" align="right"><label
							for="comboxPubSystem" class="label">系统名称：</label></td>
						<td class="td_target" align="left"><div class="input_con">
								<input type="text" name="comboxPubSystem" id="comboxPubSystem"
									class="text" />
							</div></td>
					</tr>
					<tr>
						<td class="td_label" rowspan="4" align="right" valign="top"><label
							for="gridInterfaces" class="label">可用接口：</label></td>
						<td colspan="3" rowspan="4" class="td_target" style="width: 50%;"
							align="left">
							<div class="input_con"
								style="overflow: auto; height: 100px; width: 455px;">
								<table id="tableInterface"
									style="width: 455px; table-layout: fixed; max-height: 100px">
								</table>
							</div>
							<div style="float: right;">
								<a style="text-align: left;" href="javascript:void(0)"
									onclick="showMore()" id="instance_searchmore">查看更多>></a>
							</div>
						</td>
					</tr>
				</table>
			</fieldset>

			<!-- </div> -->
		</form>
		<div id="buttons" class="button_con">
			<a href="javascript:void(0)" onclick="accApplication()"
				class="easyui-linkbutton" id="instance_save" iconCls="icon-ok"
				plain="true">提交</a> <a href="javascript:void(0)" onclick="rePage()"
				class="easyui-linkbutton" id="instance_cancel" iconCls="icon-cancel"
				plain="true">取消</a>
		</div>
	</div>

	<div id="winToken" class="easyui-window" title="查看令牌"
		style="width: 730px; height: auto; top: 20px"
		data-options="iconCls:'icon-save',modal:true,minimizable:false,maximizable:false,collapsible:false">
		<form id="addForm" method="post" style="width: 100%">
			<input id="txtUserCodeToken" name="txtUserCodeToken" class="text"
				style="display: none;" />
			<!-- <div class="popup_con"> -->
			<fieldset
				style="border: 1px solid; copadding: 10px; margin: 10px; display: block; color: gray;">
				<legend>接口调用方</legend>
				<table style="width: 95%">
					<tr>
						<td class="td_label" align="right"><label class="label">帐号：</label></td>
						<td class="td_target" align="left"><div class="input_con">
								<label class="label" id="labUserCodeToken"></label>
							</div></td>
					</tr>
					<tr>
						<td class="td_label" style="text-align: right" align="right"><label
							for="txtCallFieldToken" class="label">所属领域：</label></td>
						<td class="td_target" align="left"><div>
								<input id="txtCallFieldToken" name="txtCallFieldToken"
									readonly="readonly" class="text" />
							</div></td>
						<td class="td_label" align="right"><label
							for="txtCallSystemToken" class="label">系统名称：</label></td>
						<td class="td_target" align="left"><div class="input_con">
								<input type="text" name="txtCallSystemToken" readonly="readonly"
									id="txtCallSystemToken" class="text" />
							</div></td>
					</tr>
					<tr>
						<td class="td_label" align="right"><label
							for="txtApplyKeyToken" class="label">密钥：</label></td>
						<td colspan="2" class="td_target" align="left"
							style="width: 280px;"><div class="input_con">
								<input id="txtApplyKeyToken" name="txtApplyKeyToken"
									disabled="disabled" readonly="readonly"
									class="easyui-validatebox text" style="width: 340px" />
							</div></td>
						<td></td>
					</tr>
					<tr>
						<td class="td_label" align="right" valign="top"><label
							for="txtAreaIpWhiteListToken" class="label">IP白名单：</label></td>
						<td colspan="2" class="td_target" align="left" style="width: 50%;"><div
								class="input_con">
								<textarea id="txtAreaIpWhiteListToken" readonly="readonly"
									name="txtAreaIpWhiteListToken" rows="2"
									style="width: 100%; padding-bottom: 20px"
									class="textarea easyui-validatebox"
									data-options="validType:'maxLength[500]'"></textarea>
							</div></td>
						<td><label class="label"> </label></td>
					</tr>
				</table>
			</fieldset>
			<fieldset
				style="width: 97%; border: 1px solid; copadding: 10px; margin: 10px; display: block; color: gray;">
				<legend>接口发布方</legend>
				<table style="width: 95%">
					<tr>
						<td class="td_label" align="right"><label
							for="txtPubFieldToken" class="label">所属领域：</label></td>
						<td class="td_target" align="left"><div class="input_con">
								<input id="txtPubFieldToken" name="txtPubFieldToken"
									readonly="readonly" class="text" />
							</div></td>
						<td class="td_label" align="right"><label
							for="txtPubSystemToken" class="label">系统名称：</label></td>
						<td class="td_target" align="left"><div class="input_con">
								<input type="text" name="txtPubSystemToken"
									id="txtPubSystemToken" readonly="readonly" class="text" />
							</div></td>
					</tr>
					<tr>
						<td class="td_label" rowspan="4" align="right" valign="top"><label
							for="gridInterfaces" class="label">可用接口：</label></td>
						<td colspan="3" rowspan="4" class="td_target" style="width: 50%;"
							align="left">
							<!-- 							<div class="input_con" style="width: 355px; height: 100px;">
								<label id="labInterfaceToken"></label>
							</div> -->
							<div class="input_con"
								style="overflow: auto; height: 100px; width: 455px;">
								<table id="tableInterfaceDetial"
									style="width: 455px; table-layout: fixed; max-height: 100px">
								</table>
							</div>
						</td>
						<td class="td_target" align="left" valign="bottom"></td>
					</tr>
				</table>
			</fieldset>

			<!-- </div> -->
		</form>
		<div id="buttons" class="button_con">
			<a href="javascript:void(0)" onclick="rePageToken()"
				class="easyui-linkbutton" id="instance_cancel_token"
				iconCls="icon-cancel" plain="true">关闭</a>
		</div>
	</div>

	<script type="text/javascript" src="/webjars/json3/3.3.2/json3.min.js"></script>
	<script type="text/javascript"
		src="../../../js/jquery-easyui-1.4.3/jquery.min.js"></script>
	<script type="text/javascript"
		src="../../../js/jquery-easyui-1.4.3/jquery.easyui.min.js"></script>
	<script type="text/javascript"
		src="../../../js/jquery-easyui-1.4.3/locale/easyui-lang-zh_CN.js"></script>
	<script type="text/javascript" src="../../../js/cook/FormValidate.js"></script>
	<script type="text/javascript" src="../../../js/cook/constants.js"></script>
	<script type="text/javascript" src="../../../js/cook/public.js"></script>
	<script type="text/javascript"
		src="../../../js/esb/ServiceChannelManagement/ServiceAccessApplication.js"></script>
	<script type="text/javascript" src="../../../js/cook/Util.js"></script>
</body>
</html>
